<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录 · Top - 英皇乐理 在线模考平台</title>
    <link rel="shortcut icon" th:href="@{/images/logo.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/login.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/api.js}"></script>
    <script type="text/javascript" th:src="@{/js/util.js}"></script>
    <script type="text/javascript" th:src="@{/js/login.js}"></script>
    <script type="text/javascript" th:src="@{/js/commons.js}"></script>
</head>
<body>
<div class="main-div login">
    <div class="login-box main-box">
        <div th:replace="~{commons::headerbar}"></div>
        <div class="login-left-img"></div>
        <div class="login-right-form">
            <div class="form-box">
                <!--账号密码登录-->
                <div class="box account">
                    <!--<div class="title">登录</div>-->
                    <div class="title">登录</div>
                    <div style="margin-top: 10px; color: red">本次登录为购书专用账号，与网页版模考题库账号不关联。</div>
                    <div class="layui-tab layui-tab-brief" lay-filter="login-type-tab" style="margin: 20px 0">
                        <ul class="layui-tab-title tab-uls">
                            <!--<li class="layui-this">账密登录</li>-->
                            <li class="layui-this">验证码登录</li>
                        </ul>
                        <div class="layui-tab-content" style="padding: 0">
                            <!--<div class="layui-tab-item layui-show">
                                <div class="form-box-item">
                                    <input type="text" id="stuMobile" placeholder="请输入登录手机号"/>
                                </div>
                                <div class="form-box-item">
                                    <input type="password" id="password" placeholder="请输入登录密码"/>
                                </div>
                                <div class="form-box-item">
                                    <button onclick="accountLogin()">登&nbsp;&nbsp;录</button>
                                </div>
                            </div>-->
                            <div class="layui-tab-item layui-show">
                                <div class="form-box-item">
                                    <input type="text" id="phone-stuMobile" placeholder="请输入登录手机号"/>
                                </div>
                                <div class="form-box-item">
                                    <input type="text" id="phone-code" placeholder="请输入手机验证码"/>
                                    <div class="phone-code-box"><a class="get-code" onclick="getVerification()">获取验证码</a></div>
                                </div>
                                <div class="form-box-item">
                                    <button onclick="yzmLogin()">登&nbsp;&nbsp;录</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--微信扫码登录-->
                    <!--<div class="chat-code">
                        <a th:href="@{/forget}">忘记密码</a>
                    </div>
                    <div class="to-register">没有账号，<a th:href="@{/toRegister}">立即注册</a></div>-->
                </div>
            </div>
        </div>
    </div>
    <div th:replace="~{commons::footerbar}"></div>
</div>
</body>
</html>
